WEBVTT

﻿1
00:00:00.740 --> 00:00:03.600
bien ahora hablaremos de la etiqueta paragraph

2
00:00:03.600 --> 00:00:08.080
la etiquera paragraph es una etiqueta que nos va ayudar a agregar texto

3
00:00:08.080 --> 00:00:10.080
dentro de la página web

4
00:00:11.120 --> 00:00:14.240
también tenemos otra etiqueta que es la etiqueta span

5
00:00:14.800 --> 00:00:18.520
que nos va permtir separar una parte del párrafo

6
00:00:18.880 --> 00:00:21.040
vamos a verlo eso dentro del código

7
00:00:22.200 --> 00:00:24.740
primero vamos a colocar la etiqueta

8
00:00:24.740 --> 00:00:26.740
paragraph, se escribe

9
00:00:27.380 --> 00:00:29.160
solamente con la letra p

10
00:00:30.300 --> 00:00:32.220
y dentro vamos a colocar

11
00:00:32.680 --> 00:00:36.300
un texto, por ejemplo ese texto que ves allí

12
00:00:37.380 --> 00:00:39.100
vamos a guardar

13
00:00:39.600 --> 00:00:42.240
nos vamos al navegador web

14
00:00:42.880 --> 00:00:46.240
actualizamos y vemos que debajo se pinta

15
00:00:46.840 --> 00:00:48.180
el párrafo

16
00:00:50.340 --> 00:00:53.040
ahora que pasaría si nosotros queremos hacer

17
00:00:53.440 --> 00:00:54.760
un salto de línea

18
00:00:55.140 --> 00:00:57.560
es si queremos hacer otro párrafo

19
00:00:57.560 --> 00:00:58.640
pues

20
00:00:58.640 --> 00:01:02.760
lo mejor es hacer otra etiqueta p, guardar

21
00:01:04.020 --> 00:01:06.480
luego actualizar en el navegador

22
00:01:07.020 --> 00:01:08.760
y ver los resultados

23
00:01:09.200 --> 00:01:12.500
pero hay un pequeño problema con algunos usuarios

24
00:01:12.500 --> 00:01:14.320
y es que cuando ellos quieren hacer

25
00:01:14.320 --> 00:01:17.000
un salto de línea utilizan la etiqueta br

26
00:01:17.380 --> 00:01:21.880
la etiqueta br es una etiqueta obsoleta que no debería utilizarse

27
00:01:22.240 --> 00:01:23.260
o al menos

28
00:01:23.540 --> 00:01:26.120
no en los casos generales

29
00:01:28.920 --> 00:01:32.460
ya que todo se maneja desde la parte del CSS

30
00:01:33.720 --> 00:01:34.440
bien

31
00:01:34.440 --> 00:01:35.900
dado este punto

32
00:01:35.900 --> 00:01:37.900
ahora vamos hablar sobre

33
00:01:38.140 --> 00:01:39.540
la etiqueta span

34
00:01:39.640 --> 00:01:42.840
por ejemplo que pasaría si nosotros quisieramos

35
00:01:43.160 --> 00:01:45.200
que una parte de esta párrafo

36
00:01:45.200 --> 00:01:47.200
una frase de este párrafo

37
00:01:47.460 --> 00:01:49.160
tuviese otro color

38
00:01:49.440 --> 00:01:53.260
se viese más grande o resaltara sobre el resto

39
00:01:53.480 --> 00:01:55.580
por ejemplo vamos a decidir

40
00:01:56.340 --> 00:02:01.400
que esta frase «Software Libre» se vea de otro color

41
00:02:03.580 --> 00:02:04.780
de esta forma

42
00:02:05.420 --> 00:02:07.320
agregamos una etiqueta span

43
00:02:07.320 --> 00:02:10.020
como la etiqueta span es una etiqueta en línea

44
00:02:10.020 --> 00:02:11.840
pues nos va ayudar

45
00:02:11.840 --> 00:02:13.580
a poder colorear

46
00:02:13.580 --> 00:02:15.730
este texto o darle diseño

47
00:02:16.370 --> 00:02:18.050
vamos a colocar por ejemplo

48
00:02:18.180 --> 00:02:19.290
una clase

49
00:02:19.410 --> 00:02:21.020
que se llame resaltado

50
00:02:23.140 --> 00:02:25.490
ahora vamos a ir a la parte de arriba

51
00:02:25.490 --> 00:02:29.380
donde yo he puesto antes del vídeo yo he puesto la etiqueta style

52
00:02:30.500 --> 00:02:32.560
esto lo vamos a ver a profundidad

53
00:02:32.730 --> 00:02:33.780
en CSS

54
00:02:33.920 --> 00:02:36.900
así que por ahora no se preocupen por lo que estoy poniendo

55
00:02:40.100 --> 00:02:42.130
lo único que estoy haciendo es

56
00:02:42.130 --> 00:02:45.210
agregar una clase y colocarle un atributo

57
00:02:45.360 --> 00:02:46.500
una propiedad

58
00:02:46.500 --> 00:02:48.560
CSS que se llama color

59
00:02:49.810 --> 00:02:51.400
ahora utilizaré

60
00:02:51.400 --> 00:02:54.600
el color blue oscuro

61
00:02:56.340 --> 00:02:57.200
guardo

62
00:02:59.120 --> 00:03:00.140
ven que

63
00:03:00.680 --> 00:03:03.580
no está coloreado el texto, voy actualizar

64
00:03:03.730 --> 00:03:04.700
y como ven

65
00:03:04.700 --> 00:03:07.480
ahora el texto que esta dentro del párrafo

66
00:03:07.570 --> 00:03:08.520
se coloreo

67
00:03:09.210 --> 00:03:09.900
¡perfecto!

68
00:03:10.500 --> 00:03:11.540
continuamos

69
00:03:11.660 --> 00:03:12.840
en el siguiente vídeo
